<!--
 * @Author: your name
 * @Date: 2020-09-07 09:05:55
 * @LastEditTime: 2021-01-04 20:00:20
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \wifiGuidance\index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Solax Cloud</title>
    <link rel="stylesheet" href="./css/wifiGuidance.css">
    <script src="./js/jquery-2.2.3.min.js"></script>
    <script src="./js/lan.js"></script>
    <script src="./js/wifiGuidance.js"></script>

</head>

<body>
    <div class='head-menu-box'>
        <span class="icon-lanSelect">></span>
        <ul class="dropdown-menu" id='warranty-lan-box'>
            <li><a href="javascript:void(0)" data-language='zh_CN'><i class="Chinese"></i>简体中文</a></li>
            <li><a href="javascript:void(0)" data-language='en_US'><i class="English"></i>English</a></li>
            <li><a href="javascript:void(0)" data-language='de_DE'><i class="Deutsch"></i>Deutsch</a></li>
            <li><a href="javascript:void(0)" data-language='it_IT'><i class="Italy"></i>Italiano</a></li>
            <li><a href="javascript:void(0)" data-language='fr_FR'><i class="Français"></i>Français</a></li>
            <li><a href="javascript:void(0)" data-language='nl_NL'><i class="Nederlands"></i>Nederlands</a></li>
            <li><a href="javascript:void(0)" data-language='ru_RU'><i class="Russian"></i>русский</a></li>
            <li><a href="javascript:void(0)" data-language='es_ES'><i class="Spanish"></i>Español</a></li>
            <li><a href="javascript:void(0)" data-language='sk_SK'><i class="Slovak"></i>Slovenčina</a></li>
            <li><a href="javascript:void(0)" data-language='pt_BR'><i class="Português"></i>Português</a></li>
            <li><a href="javascript:void(0)" data-language='cs_CZ'><i class="Čeština"></i>Čeština</a></li>
            <li><a href="javascript:void(0)" data-language='pl_PL'><i class="Polska"></i>Polski</a></li>
            <li><a href="javascript:void(0)" data-language='ja_JP'><i class="Japan"></i>日本語</a></li>
            <li><a href="javascript:void(0)" data-language='ro_RO'><i class="Română"></i>Română</a></li>
            <li><a href="javascript:void(0)" data-language='ka_GE'><i class="ქართული"></i>ქართული</a></li>
            <li><a href="javascript:void(0)" data-language='fi_FI'><i class="Suomi"></i>Suomi</a></li>
        </ul>
        <a class='logo'>
            <img id='image_logo' src='./images/logo_write.png' alt='艾罗新能源远程监控系统'>
        </a>
        <li class="lanSelect">
            <a href="javascript:;" class="selectLanText"><span class="selectLan">选择语言</span></a>

        </li>

    </div>
    <div class='tabs-box'>
        <div class='sub-tabs-box active' data-index='4'>
            <span class="title4"></span>
        </div>
        <div class='sub-tabs-box' data-index='1'>
            <span class="title1"></span>
        </div>
        <div class='sub-tabs-box' data-index='2'>
            <span class="title2"></span>
        </div>
        <div class='sub-tabs-box' data-index='3'>
            <span class="title3"></span>
        </div>
    </div>
    <div class='content-box'>
        <div class='content-sub-box' style='display:none;'>
            <h5 class="guidance-Wifi-h5">
            </h5>
            <p class="guidance-Wifi-p1">
            </p>
            <p class="guidance-Wifi-p2">
            </p>
            <p></p>
            <p class="guidance-Wifi-p3">
            </p>
            <p class="guidance-Wifi-p4">
            </p>
            <p class="guidance-Wifi-p5">
            </p>
            <p class="guidance-Wifi-p6">
            </p>
            <p class="guidance-Wifi-p7">
            </p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="guidance-Wifi-p8"></span>
            </p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="guidance-Wifi-p9"></span>
            </p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="guidance-Wifi-p10"></span>
                </span>
            </p>
            <p class="guidance-Wifi-p11">
            </p>
            <p class="guidance-Wifi-p12">
            </p>
            <img class='wifi1' src='./images/wifi1.png'>

        </div>
        <div class='content-sub-box' style='display:none;'>
            <h5 class="guidance-local-h5">
            </h5>
            <p class="guidance-local-p1">
            </p>
            <p class="guidance-local-p2">
            </p>
            <p class="guidance-local-p3">
            </p>
            <p class="guidance-local-p4">
            </p>
            <p></p>
            <p class="guidance-local-p5">
            </p>
            <p class="guidance-local-p6">
            </p>
            <p class="guidance-local-p7">
            </p>
            <p class="guidance-local-p8">
            </p>
            <p style='color:red;' class="guidance-local-p9">
            </p>
            <img class='wifi2' src='./images/wifi2.png'>
            <h5 class="guidance-local-h5-2">
            </h5>
            <p class="guidance-local-p10">
            </p>
            <img class='wifi3' src='./images/wifi3.png'>
        </div>
        <div class='content-sub-box' style='display:none;'>
            <h5 class="guidance-pocket-h5">
                <spring:message code="guidance.pocket.h5" />
            </h5>
            <img class='wifi4' src='./images/wifi4.png'>
            <p class="guidance-pocket-pTitle">
            </p>
            <p class="guidance-pocket-p1">
            </p>
            <p class="guidance-pocket-p2">
            </p>
            <img class='wifi5' src='./images/wifi5.png'>
            <p class="guidance-pocket-p3">
            </p>
            <p class="guidance-pocket-p4">
            </p>
            <img class='wifi6' src='./images/wifi6.png'>
            <p class="guidance-pocket-p5">
            </p>
        </div>
        <div class='content-sub-box'>
            <h5 class="guidance-quick-h5">
            </h5>
            <p class="guidance-quick-p1">
            </p>
            <p class="guidance-quick-p2">
            </p>
            <img class='wifi7' src='./images/wifi7.png'>
            <p class="guidance-quick-p3">
            </p>
            <p class="guidance-quick-p4">
            </p>
            <p class="guidance-quick-p5">
            </p>
            <!-- <div style="display: flex; width: 90%;"> -->
            <img style="" class='wifi8' src='./images/wifi8.png'>
            <img style="" class='wifi9' src='./images/wifi9.png'>
            <!-- </div> -->
            <p class="guidance-quick-p6">
            </p>
            <p class="guidance-quick-p7">
            </p>
            <img class='wifi10' src='./images/wifi10.png'>
            <p class="guidance-quick-p8">
            </p>
        </div>
    </div>
</body>

</html>